<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style>
  @import '//at.alicdn.com/t/font_1189169_jsi9zw4xx0c.css';
  /*html,body,#app{*/
    /*height: 100%;*/
  /*}*/

  /* 滚动条样式*/
  ::-webkit-scrollbar
  {
    width: 5px;
    height: 6px;
    /*background:#eee;*/
  }

  ::-webkit-scrollbar-thumb{
    background:#ccc;
  }


  /* 通用样式*/
  .left5{margin-left:5px;}
  .left10{margin-left:10px;}
  .top10{margin-top:10px;}

  /* 主框样式 */
  .block-all{
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    margin:10px;
    background:#fff;
    border-radius:5px;
    padding:15px;
    box-shadow: 3px 3px 5px rgba(0,0,0,0.1);

  }
  .flex-row{
    display: flex;
    flex-direction: row;
  }
  .flex-col{
    display: flex;
    flex-direction: column;
  }

  /* 文字样式 */
  .typeface{
    font-size:12px;
    color:#333;
    font-family: Helvetica Neue,"微软雅黑","黑体";
  }
  .redface{
    font-size:12px;
    color:#d34848;
    font-family: Helvetica Neue,"微软雅黑","黑体";
  }
  .greenface{
    font-size:12px;
    color:#15cda8;
    font-family: Helvetica Neue,"微软雅黑","黑体";
  }
  .titleface{
    font-size:14px;
    color:#888;
    font-family: Helvetica Neue,"微软雅黑","黑体";
  }
  .bigcontentface{
    font-size:14px;
    color:#333;
    font-family: Helvetica Neue,"微软雅黑","黑体";
  }
  .boldface{
    font-size:16px;
    color:#888;
    font-family: Helvetica Neue,"微软雅黑","黑体";
    font-weight:500;
  }

  .hoverblueface{
    font-size:14px;
    color:#409EFF;
    font-family: Helvetica Neue,"微软雅黑","黑体";
    cursor: pointer;
  }
  .hoverblueface:hover{
    color:#66B1FF;
  }

  .colorgreen{color:#15cda8;}
  .colorred{color:#d34848;}
  .colorred{color:#010103;}
</style>
